import '@umijs/max';

import React from 'react';
import { Card, Tabs, TabsProps } from 'antd';
import SysNotificationPage from '@/pages/User/SysMessages/components/SysNotification';
import SysAnnouncementPage from '@/pages/User/SysMessages/components/SysAnnouncement';

/**
 * 消息菜单页面
 *
 * @constructor
 */
const SysNotification: React.FC = () => {
  const onChange = (key: string) => {
    console.log(key);
  };

  const items: TabsProps['items'] = [
    {
      key: '1',
      label: '系统通知',
      children: <SysNotificationPage />,
    },
    {
      key: '2',
      label: '系统公告',
      children: <SysAnnouncementPage />,
    },
    {
      key: '3',
      label: '私信',
      children: '开发中...',
    },
  ];

  return (
    <div className="sys-notification">
      <Card>
        <Tabs defaultActiveKey="1" items={items} onChange={onChange} />
      </Card>
    </div>
  );
};
export default SysNotification;
